<!doctype html>
<html lang="zh-CN">

<head>
    <!-- meta 放在head中的第一行 -->
    <meta charset="UTF-8">
    <!-- 默认缩放，统一比例 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- ie兼容模式 -->
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>理财宝首页</title>
    <link href="https://cdn.bootcss.com/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" rel="stylesheet">
 
   
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="https://cdn.bootcss.com/OwlCarousel2/2.3.2/owl.carousel.min.js"></script>
</head>


<body>

    <header>
        <nav class="top">
            <span class="tel">理财热线：15226342722</span>
            <ul>
                <li><a href="#">登录</a></li>
                <li><a href="#">快速注册</a></li>
                <li><a href="#">关于</a></li>
                <li><a href="#">帮助</a></li>
                <li><a href="#">下载APP</a></li>
            </ul>
        </nav>
        <nav class="main">
            <a href="#" class="brand"><img src="../img/logo@1x.png" alt="返回首页"></a>
            <ul>
                <li><a href="#">登录</a></li>
                <li><a href="#">理财频道</a></li>
                <li><a href="#">投资频道</a></li>
                <li><a href="#">新手专区</a></li>
                <li><a href="#">安全保障</a></li>
            </ul>
        </nav>
    </header>

    <div class="container">
        <!-- 平台交易信息 -->
        <section class="transaction clearfix">
            <div class="trans-content">
                <div class="trans-data">
                    <span>平台累计成交金额</span>
                    <span class="trans-money">156284569</span>
                    <span>CYN</span>
                </div>
                <div class="trans-data">
                    <span>过去七日成交金额</span>
                    <span class="trans-money">1252352</span>
                    <span>CYN</span>
                </div>
                <div class="trans-report">
                    <a href="#">点击查看平台运营报告</a>
                </div>
            </div>
        </section>

        <!-- 广告轮播 -->
        <section class="ad">
            <!-- owl-theme -->
            <div class="owl-carousel owl-theme">
                <div class="item">
                    <img src="../img/ad001.png" alt="点击查看详情">
                </div>
                <div class="item">
                    <img src="../img/ad002.png" alt="点击查看详情">
                </div>
                <div class="item">
                    <img src="../img/ad003.png" alt="点击查看详情">
                </div>
            </div>
        </section>

        <!-- 标签小广告模块 -->
        <section class="feature">
            <div class="item">
                <h3>安全</h3>
                <p>国家AAA信用平台<br>银行资金托管<br>上市公司背景保证</p>
            </div>
            <div class="item">
                <h3>权威</h3>
                <p>中央电视台推荐<br>互联网百强企业<br>标准起草单位</p>
            </div>
            <div class="item">
                <h3>省心</h3>
                <p>100元起投<br>用户利益保障机制<br>保险公司承诺</p>
            </div>
        </section>
        
        <!-- 最新公告模块 -->
        <section class="notice clearfix">
            <a href="#">
                <span>2019-06-08</span>
                元旦期间业务受理及值班公告元旦期间业务受理及值班公告元旦期间业务受理及值班公告元旦期间业务受理及值班公告元旦期间业务受理及值班公告元旦期间业务受理及值班公告元旦期间业务受理及值班公告元旦期间业务受理及值班公告元旦期间业务受理及值班公告
            </a>
            <a href="#" class="more">更多公告</a>
        </section>

        <!-- 产品模块 -->
        <section class="product clearfix">
            <h2>
                固定期限产品
                <em>AAA级优选基金</em>
                <em>省时省力</em>
                <em>全自动托管</em>
                <em>坐等收益</em>
            </h2>
            <div class="product-content">
                <div class="item clearfix">
                    <h3>
                        <em>3</em>个月
                    </h3>
                    <div class="info">
                        <p>预计年化收益率: <span class="year-rate">3.24%<i>起</i></span></p>
                        <p>总成交金额：<span class="money">56414131<i>CYN</i></span></p>
                    </div>
                    <div class="buy">
                        <a href="#">购买</a>
                    </div>
                </div>

                <div class="item clearfix">
                    <h3>
                        <em>6</em>个月
                    </h3>
                    <div class="info">
                        <p>预计年化收益率: <span class="year-rate">4.84%<i>起</i></span></p>
                        <p>总成交金额：<span class="money">15246251<i>CYN</i></span></p>
                    </div>
                    <div class="buy">
                        <a href="#">购买</a>
                    </div>
                </div>

                <div class="item clearfix">
                    <h3>
                        <em>12</em>个月
                    </h3>
                    <div class="info">
                        <p>预计年化收益率: <span class="year-rate">5.34%<i>起</i></span></p>
                        <p>总成交金额：<span class="money">1234554152<i>CYN</i></span></p>
                    </div>
                    <div class="buy">
                        <a href="#">购买</a>
                    </div>
                </div>

                <div class="item clearfix">
                    <h3>
                        <em>24</em>个月
                    </h3>
                    <div class="info">
                        <p>预计年化收益率: <span class="year-rate">5.84%<i>起</i></span></p>
                        <p>总成交金额：<span class="money">552126454555<i>CYN</i></span></p>
                    </div>
                    <div class="buy">
                        <a href="#">购买</a>
                    </div>
                </div>

            </div>
        </section>


        <!-- 产品模块 -->
        <section class="product clearfix">
            <h2>
                债权/散标产品
                <em>AAA级优选投资</em>
                <em>自主投资</em>
                <em>高点位高收益</em>
                <em>投资灵活</em>
            </h2>
            <div class="product-content">
                <div class="item clearfix">
                    <h3>
                        <em>3</em>个月
                        <i>日常生活消费</i>
                    </h3>
                    <div class="info">
                        <p>约定年化收益率: <span class="year-rate">4.24%</span></p>
                        <p>金额：<span class="money">88000<i>CYN</i></span></p>
                    </div>
                    <div class="buy">
                        <a href="#">投标</a>
                    </div>
                </div>

                <div class="item clearfix">
                    <h3>
                        <em>6</em>个月
                        <i>资金周转</i>
                    </h3>
                    <div class="info">
                        <p>约定年化收益率: <span class="year-rate">5.14%</span></p>
                        <p>金额：<span class="money">180000<i>CYN</i></span></p>
                    </div>
                    <div class="buy">
                        <a href="#">投标</a>
                    </div>
                </div>

                <div class="item clearfix">
                    <h3>
                        <em>12</em>个月
                    </h3>
                    <div class="info">
                        <p>约定年化收益率: <span class="year-rate">5.84%</span></p>
                        <p>金额：<span class="money">280000<i>CYN</i></span></p>
                    </div>
                    <div class="buy">
                        <a href="#">投标</a>
                    </div>
                </div>

                <div class="item clearfix">
                    <h3>
                        <em>24</em>个月
                    </h3>
                    <div class="info">
                        <p>约定年化收益率: <span class="year-rate">6.84%</span></p>
                        <p>金额：<span class="money">488000<i>CYN</i></span></p>
                    </div>
                    <div class="buy">
                        <a href="#">投标</a>
                    </div>
                </div>

            </div>
        </section>

        <nav class="footer">
            <div class="footer-content clearfix">
                <!-- 底部logo -->
                <p class="brand"></p>
                <ul>
                    <li class="title">
                        关于我们
                    </li>
                    <li><a href="#">公司介绍</a></li>
                    <li><a href="#">业务模式</a></li>
                    <li><a href="#">合作机构</a></li>
                    <li><a href="#">服务协议</a></li>
                </ul>
                <ul>
                    <li class="title">
                        风险防控
                    </li>
                    <li><a href="#">账户安全</a></li>
                    <li><a href="#">安全保障</a></li>
                    <li><a href="#">自动风控</a></li>
                </ul>
                <ul>
                    <li class="title">
                        理财产品
                    </li>
                    <li><a href="#">固定期限</a></li>
                    <li><a href="#">债权/散标</a></li>
                    <li><a href="#">常见问题</a></li>
                    <li><a href="#">产品详情</a></li>
                </ul>
                <ul>
                    <li class="title">
                        交易帮助
                    </li>
                    <li><a href="#">购买流程</a></li>
                    <li><a href="#">赎回流程</a></li>
                    <li><a href="#">提现流程</a></li>
                    <li><a href="#">交易协议</a></li>
                </ul>
                <ul>
                    <li class="title">
                        机构服务
                    </li>
                    <li><a href="#">机构中心</a></li>
                    <li><a href="#">我要合作</a></li>
                    <li><a href="#">开源协议</a></li>
                </ul>
            </div>
        </nav>
    </div>

    <footer>
        <!-- ul>li*7>span -->
        <!-- 多行输入：shift+alt+鼠标 -->
        <ul>
            <li><span class="icon icon-zfywxk">支付业务许可证</span></li>
            <li><span class="icon icon-pcirk">PCI认证</span></li>
            <li><span class="icon icon-visayz">Visa 验证</span></li>
            <li><span class="icon icon-vsjmfw">VerSign加密服务</span></li>
            <li><span class="icon icon-wlgs">网络工商</span></li>
            <li><span class="icon icon-rzcx">电子商务协会认证诚信网</span></li>
            <li><span class="icon icon-gs">北京工商</span></li>
        </ul>
        <p>Jianglin 版权所有 ® 2019 湘A备案号：654165GWG-OG</p>
    </footer>


</body>

</html>